Ext.onReady(function()
{
    X.store({
        id     : 'profesorStore',
        fields : ['idProfesor','nombre']
    });
    X.store({
        id     : 'materiaStore',
        fields : ['idMateria','nombre']
    });
    X.store({
        id: 'listStore',
        url: '/recuperacion/ajax-listar.phtml',
        fields:['idRecuperacion','fecha','materia','seccion','carreras','horaInicio','horaFin']
    });

    X.form.panel({
        id     : 'filtroForm',
        height : 600,
        width  : 580,
        padding:0,
        items  : [
            X.form.label({
                text: 'Filtrar por:',
                x:10,
                y:60
            }),
            X.form.radio  ({
                x:9,
                y:80,
                width:295,
                id:'profesor',
                dfield:'nombre',
                vfield:'idProfesor',
                storeId:'profesorStore'
            }),
            X.form.label({
                text: 'Profesor',
                x:10,
                y:60
            }),
            X.form.combo  ({
                x:9,
                y:80,
                width:295,
                id:'profesor',
                dfield:'nombre',
                vfield:'idProfesor',
                storeId:'profesorStore'
            }),
            X.form.label({
                text: 'Materia',
                x:10,
                y:60,
                hidden:true
            }),
            X.form.combo  ({
                x:10,
                y:80,
                width:295,
                id:'materia',
                hidden:true,
                dfield:'nombre',
                vfield:'idMateria',
                storeId:'materiaStore'
            }),
            X.form.label({
                text: 'Desde',
                x:340,
                y:60
            }),
            X.form.date  ({
                id:'fechaInicio',
                x:339,
                y:80
            }),
            X.form.label({
                text: 'Hasta',
                x:460,
                y:60
            }),
            X.form.date  ({
                id:'fechaFin',
                title: 'Hasta',
                x:459,
                y:80
            }),
            X.form.button ({
                x:480,
                y:120,
                width:80,
                id:'ver',
                text:'Ver Registros'
            })
            //,listGrid
        ]
    });

    X.win.panel({
        id       : 'listWindow',
        title    : 'Registros de Recuperación de Clases',
        modal    : false,
        resizable: false,
        border: false,
        items    : X.get('filtroForm')
    });

    X.get('listWindow').show();

});
